﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>jQuery+css3水平悬停动画</title>
    <link rel="stylesheet" href="css/styles.css"/>
</head>

<body>
<div class="demo-wrapper">
    <h1></h1>
    <ul class="portfolio-items">
        <li class="item">
            <figure>
                <div class="view"><img src="picture/a1.png"/></div>
                <figcaption>
                    <p><span> 银行名称</span></p>
                    <p><span>农商行</span></p>
                </figcaption>
            </figure>
            <!--					<div class="date"> 2005</div>-->
        </li>
        <li class="item">
            <figure>
                <div class="view"><img src="picture/a2.png"/></div>
                <figcaption>
                    <p><span>产品名称</span></p>
                    <p><span id="span1">农户快贷</span></p>
                </figcaption>
            </figure>
        </li>
        <li class="item">
            <figure>
                <div class="view"><img src="picture/a3.png"/></div>
                <figcaption>
                    <p><span>产品系列</span></p>
                    <p><span id="span2">农户贷款</span></p>
                </figcaption>
            </figure>
        </li>
        <li class="item">
            <figure>
                <div class="view"><img src="picture/a4.png"/></div>
                <figcaption>
                    <p><span>额度下限(元)</span></p>
                    <p><span id="span3">1.00</span></p>
                </figcaption>
            </figure>
        </li>
        <li class="item">
            <figure>
                <div class="view"><img src="picture/a5.png"/></div>
                <figcaption>
                    <p><span>额度上限(元)</span></p>
                    <p><span id="span4">300000.00</span></p>
                </figcaption>
            </figure>
        </li>
        <li class="item">
            <figure>
                <div class="view"><img src="picture/a6.png"/></div>
                <figcaption>
                    <p><span>最短期限(月)</span></p>
                    <p><span id="span5">1</span></p>
                </figcaption>
            </figure>
        </li>
        <li class="item">
            <figure>
                <div class="view"><img src="picture/a7.png"/></div>
                <figcaption>
                    <p><span>最长期限(月)</span></p>
                    <p><span id="span6">36</span></p>
                </figcaption>
            </figure>
        </li>
    </ul>
</div>

<div class="div1">
    <a href="personage.jsp">立即申请</a>
</div>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/modernizr-1.5.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/scripts.js"></script>
</body>

</html>